Secciones y lineas generales de un documento HTML5

Las especificaciones HTML5 trae muchos nuevos elementos a llos desarrolladores web,
permitiendoles describir la estructura de un documento web sin semántica estandarizada.
Este documento describe estos elementos y como usarlos para definir el perfil de cualquier documento.

Problemas resueltos por HTML5

La definicion de la estructura de un documento en HTML4 y su algoritmo de perfilado es muy tosco y genera numerosos problemas:

  1. HTML5 quita la necesidad de elementos <div> para definir secciones semanticas sin definir valores especificos para los atributos class, introduciendo un nuevo elemento <section>, el elemneto se sección HTML.
  2. Mezclar varios documentos es difícil: la inclusión de un sub-documento en el documento principal. Esto se resuelve en HTML5 con los elementos seccionando (<article>, <section>, <nav> y <aside>) son siempre subsecciones de su sección ancestra más cercana.
  3. HTML5 introduce el elemento >hgroup<, >h1< Jusline > /h1 <, > art h2 < Les Malheurs de la Vertu > /h2 < > /hgroup < crea el perfil 1. Justine).
  4. Un documento puede tener secciones especiales conteniendo informacion relacionado que no es del flujo principal. HTML5 introdice el elemneto > aside < permitiendoa dichas secciones no ser del perfil principal.
  5. Hay informacion relacionada no al documento per si al sitio entero , como logos, menús, tablas de contenido, tablas de contenido, o informacion de derechos de autor y notas legales. Prara ese propósito, HTML5 introduce tres elementos se sección especificos: > nav < para colleciones d eenlances, como una tabla de contenidos, > footer < y > header < informacion relacionada con el sitio.

De manera más general. HTML5 trae precisión a las caracteristicas de seccionado y cabecera, permitiendo a los perfiles e documento ser predecibles y usados por el navegador para mejorrar la experiencia de usuario.

Algoritmo de perfilado de HTML5



Definiendo secciones en HTML5

Todo el contenido incluido en el elemento <body> es parte de una sección. Las secciones en HTML5 pueden ser anidadas. Además de la sección principal, definida por el <body>, los límites de la sección son definidos explícita o implícitamente. Las sacciones definidas explícitamente son lael contenido definido en las etiquetas <body>, <article>, <aside>, <footer>, <header>, y <nav>. Nota: Cada sección puede tener su propia jerarquía de cabeceras. Por lo tanto incluso una sección anidada puede tener un elemento <h1>. Consulte tambien Definicendo cabeceras en HTML5